<link rel="stylesheet" type="text/css"
	href="http://10.222.29.162:3456/css/style.css" />
<link rel="stylesheet" type="text/css"
	href="http://10.222.29.162:3456/css/bootstrap.css" />
<link rel="stylesheet" type="text/css"
	href="http://10.222.29.162:3456/css/bootstrap-theme.css" />
<style type="text/css">
	body {
		background-image: url(http://10.222.29.162:3456/images/background/geometry2.png);
	}
	/*.table-own tr:nth-child(odd){}*/
</style>

<section ng-controller="merchantController as vm" >
<div style="font-size: 16px; background-image: url(http://10.222.29.162:3456/images/background/geometry2.png);height: 1000px;">
    <div class="concontainer " style=" margin-top: 4%; height: 700px;">
      <div class="col-md-offset-1 col-md-10">
        <div class="well center-block">
          <div class="panel panel-primary" style="background-image: url(http://10.222.29.162:3456/images/background/geometry2.png);">
            <div class="panel-heading" align="center">
              <h3>DASHBOARD</h3>
            </div>
            <div class="panel-body" style=" margin: 5%; height: 500px; overflow:auto">
              <div style="float:left;width:25%; max-width:330px;min-width:260px;height: 250px" class="col-md-offset-2 col-md-3" >
                  <div class="panel panel-primary" >
                    <div class="panel-heading" align="center">
                      <h4><label >已注册商家</label></h4>
                    </div>
                    <div class="panel-body" >
                      <div class="caption col-md-11" align="center" >
                        <h4>
                          <div ng-model="merchantsCount" class="active">目前有 <a ui-sref='merchant'> <span class="badge">{{merchantsCount}} </span> </a> 位商家已在平台注册<div>
                        </h4>
                                   
                      </div>
                    </div>
                  </div>	
              </div>
              <div style="float:left;width:25%; max-width:330px;min-width:260px;height: 250px" class="col-md-offset-2 col-md-3" >
                  <div class="panel panel-primary" >
                    <div class="panel-heading" align="center">
                      <h4><label >未审核商家</label></h4>
                    </div>
                    <div class="panel-body" >
                      <div class="caption col-md-11 " align="center">
                        <h4>
                          <div ng-model="statusOne" >当前还有 <a ui-sref='merchant.status({status:0})'><span class="badge">{{statusOne}}</span></a>位商家未审核</div>
                        </h4>
                        
                      </div>
                    </div>
                  </div>	
              </div>
              <div style="float:left;width:25%; max-width:330px;min-width:260px;height: 220px" class="col-md-offset-2 col-md-3" >
                  <div class="panel panel-primary" >
                    <div class="panel-heading" align="center">
                      <h4><label >已拉黑商家</label></h4>
                    </div>
                    <div class="panel-body" >
                      <div class="caption col-md-11" align="center">
                        <h4>
                          <div ng-model="statusTwo">当前已有<a ui-sref='merchant.status({status:2})'><span class="badge">{{statusThree}}</span></a>位商家被拉黑</div>
                        </h4>            
                      </div>
                    </div>
                  </div>	
              </div>
              <div style="float:left;width:25%; max-width:330px;min-width:260px;height: 220px" class="col-md-offset-2 col-md-3" >
                  <div class="panel panel-primary" >
                    <div class="panel-heading" align="center">
                      <h4><label >广告申请</label></h4>
                    </div>
                    <div class="panel-body" >
                      <div class="caption col-md-11" align="center">
                        <h4>
                          <div>攻城狮们正在努力开发......</div>
                        </h4>         
                      </div>
                    </div>
                  </div>	
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
</div>
</section>

